<template>
  <div class="audio-player">
    <audio id="audio" :src="resourceUrl" loop="loop" controls preload="preload" muted="muted" />
  </div>
</template>

<script>
export default {
  name: 'AudioPlayer',
  components: {},
  mixins: [],
  props: {
    resourceUrl: {
      type: String,
      default: 'http://8.134.32.9:9000/arbook/463378686224454/20240118/c086f3aeb5e811eebb0300163e01898d.mp3'
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {
  },
  mounted() {
  },
  methods: {}
}
</script>

<style scoped lang="scss">
.audio-player {
  //display: flex;
  //justify-content: center;
  audio {
    width: 500px;
  }
}
</style>
